import {Input} from "antd";

const TopicQuery = ({queryTopicInfo, setPageTopicInfo, pageQueryParam, setPageQueryParam, pageQueryTopic}) => {

    return (
        <div>
            <div style={{
                width: '100%',
                display: 'flex',
                flexWrap: 'wrap',
                borderRadius: '15px'
            }}>
                <div style={{display: 'flex', height: '30px', margin: '5px'}}>
                    <div style={{display: 'flex', alignItems: 'center', minWidth: '70px'}}>
                        <div style={{display: 'flex', marginLeft: 'auto'}}>
                            主题名：
                        </div>
                    </div>
                    <div>
                        <Input
                            placeholder="请输入主题名"
                            style={{width: '30vw'}}
                            value={pageQueryParam.topicName}
                            onChange={(e) => setPageQueryParam(
                                {
                                    ...pageQueryParam,
                                    topicName: e.target.value
                                }
                            )}
                        />
                    </div>
                </div>

                <div style={{display: 'flex', height: '30px', margin: '5px'}}>
                    <div style={{display: 'flex', alignItems: 'center', minWidth: '70px'}}>
                        主题描述：
                    </div>
                    <div>
                        <Input
                            placeholder="请输入主题描述"
                            style={{width: '40vw'}}
                            value={pageQueryParam.topicDescription}
                            onChange={(e) => setPageQueryParam(
                                {
                                    ...pageQueryParam,
                                    topicDescription: e.target.value
                                }
                            )}
                        />
                    </div>
                </div>
            </div>
        </div>
    )
}
export default TopicQuery;